﻿<form action="" id="edituserform" class="form-horizontal">
<fieldset>
    <legend data-bind="text: title"></legend>
    <div class="control-group">
        <label for="FirstName" class="control-label">@Loc.FirstName</label>
        <div class="controls">
            <input data-bind="value: FirstName" id="FirstName" class="required input-xlarge focused" autofocus=""autocomplete="off" type="text" name="FirstName" />
        </div>
    </div>
    <div class="control-group">
        <label for="LastName" class="control-label">@Loc.LastName</label>
        <div class="controls">
            <input data-bind="value: LastName" id="LastName" class="required input-xlarge focused" autocomplete="off" type="text" name="LastName" />
        </div>
    </div>
    <div class="control-group">
        <label for="Email" class="control-label">@Loc.Email</label>
        <div class="controls">
            <input data-bind='value: Email, enable: Id==0' id="Email" class="required email input-xlarge focused" autocomplete="off" type="text" name="Email" />
        </div>
    </div>
    <div class="control-group">
        <label for="CompanyId" class="control-label">@Loc.Company</label>
        <div class="controls">
            <select class="required" data-bind='value: CompanyId, options: Companies, optionsText: "Name", optionsValue: "Id", optionsCaption: "Choose company..."' name="CompanyId" id="CompanyId"></select>
        </div>
    </div>
    <div class="control-group">
        <label for="Phone" class="control-label">@Loc.Phone</label>
        <div class="controls">
            <input data-bind="value: Phone" id="Phone" class="required number input-xlarge focused" autocomplete="off" type="text" name="Phone" />
        </div>
    </div>
    <div class="control-group">
        <label for="Pass" class="control-label">@Loc.Password</label>
        <div class="controls">
            <input data-bind="value: Pass" id="Pass" class="input-xlarge focused" autocomplete="off" type="password" name="Pass" />
        </div>
    </div>
    <div class="control-group">
        <label for="PasswordConfirm" class="control-label">@Loc.PasswordConfirm</label>
        <div class="controls">
            <input data-bind="value: PasswordConfirm" id="PasswordConfirm" class="input-xlarge focused" autocomplete="off" type="password" name="PasswordConfirm" />
        </div>
    </div>
    <div class="control-group">
        <label for="Info" class="control-label">@Loc.Description</label>
        <div class="controls">
            <textarea id="Info" rows="5" name="Info" data-bind="text: Info"></textarea>
        </div>
    </div>
    <input type="hidden" value="1" name="UserRole"/>
    <input type="hidden" data-bind="value: Id" name="Id"/>
    <div class="form-actions">
        <button class="btn btn-primary" type="submit">@Loc.Save</button>
        <button type="reset" class="btn">@Loc.Reset</button>
        <a class="btn" href="#view=users">@Loc.Cancel</a>
    </div>
</fieldset>
</form>
